<template>
    <div class="qianbao">
        <ul class="qianlist">
            <li>
                <h1><span>0</span></h1>
                <div class="tittle">收藏夹</div>
            </li>
            <li>
                <h1><span>0</span></h1>
                <div class="tittle">红包卡券</div>
            </li>
            <li>
                <h1><span>0</span>元</h1>
                <div class="tittle">我的余额</div>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.qianbao{
    margin:15px 0;
    padding:15px 0;
    background-color: #fff;
    border-radius: 10px;
    .qianlist{
        height: 100%;
        display:flex;
        align-items: center;
        justify-content: space-evenly;
        li{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            h1{
                span{
                    font-size: 20px;
                }
            }
        }
    }
}
</style>